<template>
	<view class="content">
		<view class="subject">
			<view class="mt20" v-for="item in couponList" :key="item.id">
				<coupon :showUseBtn="showUseBtn" :discount="item" :pageType="true"></coupon>
			</view>
		</view>
	</view>
</template>

<script>
	import couponItem from "../../json/coupon.js"
	import coupon from "../../components/orderitems/coupon.vue"
	export default {
		components: {
			coupon
		},
		data() {
			return {
				showUseBtn: true,
				couponList: []
			}
		},
		created() {
			this.couponList = couponItem.canUseList;
		}
	}
</script>

<style>
</style>
